<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./common.css" type="text/css"/>
    <link rel="stylesheet" href="./admin.css" type="text/css"/>
    <style type="text/css">
        .card_manage {
            width: 622px;
            height: 720px;
            padding-bottom: 40px;
            border: 2px solid red;
            margin: 0 auto;
            margin-top: 20px;
        }

        .card_manage_inner {
            width: 261px;
            height: 136px;
            background: #ecedfb;
            position: relative;

        }

        .card_left {
            width: 263px;
            height: 217px;
            float: left;
            border: 1px solid pink;
            margin: 0px 90px 29px 0px;
            text-align: center;
        }

        .card_bottom {
            width: 190px;
            height: 60px;
            margin: 0 auto;

        }

        .card_left input, select {
            box-sizing: border-box;
            width: 90px;
            height: 20px;
            float: right;
        }

        .card_right input, select {
            box-sizing: border-box;
            width: 90px;
            height: 20px;
            float: right;
        }

        .card_right {
            width: 263px;
            height: 217px;

            float: right;
            border: 1px solid pink;
            text-align: center;
        }

        .card_manage_inner button {
            position: absolute;
            width: 100px;
            height: 26px;
            top: 50%;
            left: 50%;
            display: block;
            margin-top: -13px;
            margin-left: -50px;
        }

        input[type='button'] {
            background: #5cc7cb;
            color: white;
        }

        button {
            background: #5cc7cb;
            color: white;
        }

        .pagination {
            margin-top: 30px;
            clear: both;
            width: 330px;
            height: 33px;
            position: relative;
            margin: 0 auto;
            margin-top: 30px;
            border: 1px solid blue;
        }

        .pagination button {
            width: 90px;
            height: 30px;
            display: block;
            margin-right: 30px;
            float: left;

        }

        .pagination button:nth-child(3) {
            margin-right: 0px;
            float: right;
        }

        .pagination ul li {
            display: block;
            float: left;
            width: 20px;
            height: 20px;

        }

        .active {
            background: #d2d5d8;
        }

        .pagin {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            margin: 0 auto;

        }
    </style>
</head>
<body>
<div class="main_big">
    <div class="card_manage">
        <div class="card_left">
            <div class="card_manage_inner">
                <button>上传图片</button>
            </div>
            <div class="card_bottom">
                <p>会员人数:<input></input></p>

                <p>会员卡类型:<select></select></p>
            </div>
        </div>
        <div class="card_right">
            <div class="card_manage_inner">
                <button>上传图片</button>
            </div>
            <div class="card_bottom">
                <p>会员人数:<input></input></p>

                <p>会员卡类型:<select></select></p>
            </div>
        </div>
        <div class="card_left">
            <div class="card_manage_inner">
                <button>上传图片</button>
            </div>

            <div class="card_bottom">
                <p>会员人数:<input></input></p>

                <p>会员卡类型:<select></select></p>
            </div>
        </div>
        <div class="card_right">
            <div class="card_manage_inner">
                <button>上传图片</button>
            </div>
            <div class="card_bottom">
                <p>会员人数:<input></input></p>

                <p>会员卡类型:<select></select></p>
            </div>
        </div>
        <div class="card_left">
            <div class="card_manage_inner">
                <button>上传图片</button>
            </div>

            <div class="card_bottom">
                <p>会员人数:<input></input></p>

                <p>会员卡类型:<select></select></p>
            </div>
        </div>
        <div class="card_right">
            <div class="card_manage_inner">
                <button>上传图片</button>
            </div>
            <div class="card_bottom">
                <p>会员人数:<input></input></p>

                <p>会员卡类型:<select></select></p>
            </div>
        </div>
    </div>

    <div class="pagination">
        <div>
            <button>上一页</button>
            <div class="pagin">
                <ul>
                    <li class="active">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                </ul>
            </div>
            <button>上一页</button>
        </div>
    </div>
</div>
</body>
</html>